<template>
	<view class="container">
		<view class="tui-box">
			<tui-list-cell :arrow="true" unlined :radius="true" @click="chooseAddr">
				<view class="tui-address">
					<view v-if="address.addressDetail">
						<view class="tui-userinfo">
							<text class="tui-name">{{ address.realName }}</text>
							{{ address.mobilePhone }}
						</view>
						<view class="tui-addr">
							<!-- <view class="tui-addr-tag">公司</view> -->
							<text>{{ address.province + address.city + (address.district || '') + address.addressDetail }}</text>
						</view>
					</view>
					<view class="tui-none-addr" v-else>
						<image src="/static/images/index/map.png" class="tui-addr-img" mode="widthFix"></image>
						<text>选择收货地址</text>
					</view>
				</view>
				<view class="tui-bg-img"></view>
			</tui-list-cell>
			<view class="tui-top tui-goods-info">
				<tui-list-cell :hover="false" :lineLeft="false"><view class="tui-goods-title">商品信息</view></tui-list-cell>
				<block v-for="(item, index) in productList" :key="index">
					<tui-list-cell :hover="false" padding="0">
						<view class="tui-goods-item">
							<image :src="item.img" class="tui-goods-img"></image>
							<view class="tui-goods-center">
								<view class="tui-goods-name">{{ item.productName }}</view>
								<view class="tui-goods-attr">{{ item.desc }}</view>
							</view>
							<view class="tui-price-right">
								<view>
									<text v-if="detail.orderType !== 'integral'">￥</text>
									{{ item.originPrice }}
								</view>
								<view>x{{ item.num }}</view>
							</view>
						</view>
					</tui-list-cell>
				</block>
				<!-- 		<tui-list-cell v-if="detail.orderType == 'integral'" :hover="false">
					<view class="tui-padding tui-flex">
						<view>商品总积分</view>
						<view>{{ allPrice }}</view>
					</view>
				</tui-list-cell> -->
				<tui-list-cell :hover="false">
					<view class="tui-padding tui-flex">
						<view>商品总额</view>
						<view>￥{{ originPrice }}</view>
					</view>
				</tui-list-cell>

				<tui-list-cell v-if="detail.levelName && detail.levelName !== 'null'" :hover="false">
					<view class="tui-padding tui-flex">
						<view>赠送会员</view>
						<view>{{ detail.levelName }}</view>
					</view>
				</tui-list-cell>
				<tui-list-cell v-if="detail.giveGroupTicketNum" :hover="false">
					<view class="tui-padding tui-flex">
						<view>赠送抵扣券</view>
						<view>{{ detail.giveGroupTicketNum }}</view>
					</view>
				</tui-list-cell>
				<tui-list-cell v-if="detail.giveDeductionNum" :hover="false">
					<view class="tui-padding tui-flex">
						<view>赠送抵扣金</view>
						<view>{{ detail.giveDeductionNum }}</view>
					</view>
				</tui-list-cell>

				<tui-list-cell :hover="false" :lineLeft="false" padding="0">
					<view class="tui-remark-box tui-padding tui-flex">
						<view>订单备注</view>
						<input type="text" v-model="orderMemo" class="tui-remark" placeholder="选填: 请先和商家协商一致" placeholder-class="tui-phcolor" />
					</view>
				</tui-list-cell>
				<!-- 
				<tui-list-cell v-if="detail.levelName" :hover="false" unlined>
					<view class="tui-padding tui-flex tui-total-flex">
						<view class="tui-flex-end tui-color-red">
							<view class="tui-black">下单送会员：</view>
							<view class="tui-price-large">{{ detail.levelName }}</view>
						</view>
					</view>
				</tui-list-cell>
				<tui-list-cell v-if="detail.giveDeductionNum" :hover="false" unlined>
					<view class="tui-padding tui-flex tui-total-flex">
						<view class="tui-flex-end tui-color-red">
							<view class="tui-black">下单送抵扣金：</view>
							<view class="tui-price-large">{{ detail.giveDeductionNum }}</view>
						</view>
					</view>
				</tui-list-cell>
				<tui-list-cell v-if="detail.giveGroupTicketNum" :hover="false" unlined>
					<view class="tui-padding tui-flex tui-total-flex">
						<view class="tui-flex-end tui-color-red">
							<view class="tui-black">下单送抵扣券：</view>
							<view class="tui-price-large">{{ detail.giveGroupTicketNum }}</view>
						</view>
					</view>
				</tui-list-cell> -->

				<tui-list-cell v-if="useCouponFlag && couponList.length" :hover="false" unlined>
					<view class="tui-padding tui-flex tui-total-flex">
						<view class="tui-flex-end tui-color-red">
							<view class="tui-black">优惠券抵扣：</view>
							<view class="tui-size-26">￥</view>
							<view class="tui-price-large">{{ couponItem.deductionAmount }}</view>
						</view>
					</view>
				</tui-list-cell>
				<tui-list-cell v-if="detail.orderType === 'daily'" :hover="false" unlined>
					<view class="tui-padding tui-flex tui-total-flex">
						<view class="tui-flex-end tui-color-red">
							<view class="tui-black">特价合计：</view>
							<view class="tui-size-26">￥</view>
							<view class="tui-price-large">{{ allPrice }}</view>
						</view>
					</view>
				</tui-list-cell>
				<tui-list-cell v-else :hover="false" unlined>
					<view class="tui-padding tui-flex tui-total-flex">
						<view class="tui-flex-end tui-color-red">
							<view class="tui-black">合计：</view>
							<view class="tui-size-26">￥</view>
							<view class="tui-price-large">{{ allPrice }}</view>
							<view class="tui-size-26"></view>
						</view>
					</view>
				</tui-list-cell>
			</view>

			<view class="tui-top">
				<tui-list-cell v-if="userInfo && userInfo.deductionBalanceValue > 0" unlined hover :radius="true">
					<view class="tui-flex">
						<view class="tui-balance">
							抵扣金
							<text class="tui-gray">(可用￥{{ (userInfo && userInfo.deductionBalanceValue) || 0 }})</text>
						</view>
						<!--<tui-numberbox
							:step="0.1"
							:max="userInfo && userInfo.deductionBalanceValue"
							:min="0"
							:value="userDeductionAccount"
							@change="v => change(v, 'userDeductionAccount')"
						></tui-numberbox> -->
						<switch
							@change="e => handleSwitchChange(e, 'userDeductionAccount')"
							color="#5677fc"
							class="tui-scale-small"
							v-if="userInfo && userInfo.deductionBalanceValue"
						/>
					</view>
				</tui-list-cell>
				<tui-list-cell v-if="userInfo && userInfo.balanceValue > 0" unlined hover :radius="true">
					<view class="tui-flex">
						<view class="tui-balance">
							余额支付
							<text class="tui-gray">(￥{{ (userInfo && userInfo.balanceValue) || 0 }})</text>
						</view>
						<!-- 		<tui-numberbox
							:step="0.1"
							:max="userInfo && userInfo.balanceValue"
							:min="0"
							:value="useBalanceAmount"
							@change="v => change(v, 'useBalanceAmount')"
						></tui-numberbox> -->
						<switch @change="e => handleSwitchChange(e, 'useBalanceAmount')" color="#5677fc" class="tui-scale-small" v-if="userInfo && userInfo.balanceValue" />
					</view>
				</tui-list-cell>

				<tui-list-cell v-if="userInfo && userInfo.shareBalanceValue > 0" unlined hover :radius="true">
					<view class="tui-flex">
						<view class="tui-balance">
							分红金
							<text class="tui-gray">(￥{{ (userInfo && userInfo.shareBalanceValue) || 0 }})</text>
						</view>
						<!-- <tui-numberbox
							:step="0.1"
							:max="userInfo && userInfo.shareBalanceValue"
							:min="0"
							:value="userShareAccount"
							@change="v => change(v, 'userShareAccount')">
						</tui-numberbox> -->
						<switch @change="e => handleSwitchChange(e, 'userShareAccount')" color="#5677fc" class="tui-scale-small" v-if="userInfo && userInfo.shareBalanceValue" />
					</view>
				</tui-list-cell>
			</view>
		</view>
		<view class="tui-safe-area"></view>
		<view class="tui-tabbar">
			<view class="tui-flex-end tui-color-red tui-pr-20">
				<view v-if="detail.orderType !== 'integral'" class="tui-black">实付金额：</view>
				<view v-else class="tui-black">实付金额：</view>
				<view v-if="detail.orderType !== 'integral'" class="tui-size-26">￥</view>
				<view class="tui-price-large">{{ payMoney }}</view>
				<view class="tui-size-26"></view>
			</view>
			<view v-if="detail.orderType == 'integral'" class="tui-pr25">
				<tui-button width="200rpx" height="70rpx" :size="28" type="primary" shape="circle" @click="handleCreateOrder">积分兑换</tui-button>
			</view>
			<view v-else class="tui-pr25">
				<tui-button :loading="loading" :disabled="loading" width="200rpx" height="70rpx" :size="28" type="primary" shape="circle" @click="handleCreateOrder">
					提交订单
				</tui-button>
			</view>
		</view>
		<t-pay-way :id="orderId" :useRemain="false" @fail="handleFail" @pay="handlePay" :payMoney="payMoney" :show="show && !!orderId" @close="popupClose"></t-pay-way>

		<block v-if="selectMode">
			<view class="choose-box" @click="toggleSelect"></view>
			<view class="choose-view">
				<view class="choose-title">
					<text>优惠券</text>
					<text style="color: #0081FF;font-weight: 400;font-size: 32upx;" @click="toggleSelect">确定</text>
				</view>
				<scroll-view class="choose-scroll" scroll-y>
					<view v-if="couponList.length" class="choose-item" v-for="(item, index) in couponList" :key="index" type="coupon">
						<view class="choose-item-view" @click="changeCoupon(index)">
							<text class="choose-text">{{ item.couponName }}</text>
							<image class="choose-input-current" src="/static/images/mall/img_recharge_success.png" v-if="useCouponFlag && index == couponIndex"></image>
							<text v-else class="choose-input"></text>
						</view>
					</view>
					<view v-else>暂无优惠券"></view>
					<view v-if="couponList.length" class="choose-item" type="notuse">
						<view class="choose-item-view" @click="changeCoupon('none')">
							<text class="choose-text">不使用优惠</text>
							<image class="choose-input-current" src="/static/images/mall/img_recharge_success.png" v-if="!useCouponFlag"></image>
							<text v-else class="choose-input"></text>
						</view>
					</view>
					<view class="choose-item" key="coupon"><view class="choose-item-view"></view></view>
				</scroll-view>
			</view>
		</block>
	</view>
</template>

<script>
import tPayWay from '@/components/views/t-pay-way/ti-pay-way';
import { getUserInfo } from '@/service/mine.js';
import { create, orderDetail, orderAlipay, getCanUseCoupons } from '@/service/order.js';
import { getDefault } from '@/service/address.js';
import * as math from "mathjs"

export default {
	components: {
		tPayWay
	},
	data() {
		return {
			selectMode: false,
			show: false,
			allPrice: 0,
			orderMemo: '',
			address: {},
			payMoney: 0,
			userInfo: {},
			allIntegralNum: 0,
			loading: false,
			detail: {
				desc: '33',
				img: 'https://jinzhubaobao.oss-cn-beijing.aliyuncs.com/img/product/20201210/vc-upload-1607581214047-25.jpg',
				num: '1',
				orderType: 'daily',
				originPrice: '333.00000000',
				price: '77',
				productName: '秋季新款男装抽绳款直筒收脚运动裤纯色男士休闲男裤',
				repertoryNum: '4431',
				skuId: '1336919933617119234',
				title: '33'
			},
			orderId: '',
			productList: [],
			originPrice: 0,
			couponIndex: 0,
			couponList: [],
			discountMoney: 0,
			couponItem: { deductionAmount: 0 },
			useCouponFlag: false,
			useBalanceAmount: 0,
			userShareAccount: 0,
			userDeductionAccount: 0
		};
	},
	onLoad(options) {
		console.log(options);
		this.detail = options;

		this.$store.state.address = null;
		if (options.skuId) {
			this.productList = [this.detail];
		}
		this.detail.giveGroupTicketNum = this.detail.num * this.detail.giveGroupTicketNum;
		this.detail.giveDeductionNum = this.detail.num * this.detail.giveDeductionNum;
		this.calcPrice();

		// 获得用户积分
		this.getUserInfo();
	},
	onShow() {
		const resp = this.$store.state.address;
		if (resp) {
			this.address = resp;
		} else {
			this.getDefault();
		}
	},
	methods: {
		change: function(e, v) {
			this[v] = e.value;
		},
		calcPrice() {
	
			let originPrice = 0;
			this.allPrice = this.productList.reduce((total, v) => {
				originPrice = originPrice + Number(v.originPrice) * Number(v.num);
				return total + Number(v.price) * Number(v.num);
			}, 0);
			if (this.allPrice) {
				this.allPrice = this.allPrice.toFixed(2);
			}

			this.originPrice = originPrice.toFixed(2);

			const reducePrice = this.userDeductionAccount + this.useBalanceAmount + this.userShareAccount;


			//计算抵扣金
			if (this.userDeductionAccount) {
				if (this.userInfo.deductionBalanceValue >= this.allPrice) {
					this.userDeductionAccount = this.allPrice;
					this.useBalanceAmount = 0;
					this.userShareAccount = 0;
				} else {
					this.userDeductionAccount = this.userInfo.deductionBalanceValue;
				}
			}
		
			//计算余额
			if (this.useBalanceAmount) {
				let price = 0;
				if (this.userDeductionAccount > 0) {
			
					price =	math.subtract(math.bignumber(this.allPrice),math.bignumber(this.userDeductionAccount));			
					if (price == 0) {
						this.useBalanceAmount = 0;
						this.userShareAccount = 0;
					} else {
						this.useBalanceAmount = this.userInfo.balanceValue >= price ? price : this.userInfo.balanceValue;
					}
				} else {
					console.log('ceshi', this.userInfo.balanceValue, this.allPrice);
					if (this.userInfo.balanceValue >= this.allPrice) {
						this.useBalanceAmount = this.allPrice;
						this.userShareAccount = 0;
					} else {
						this.useBalanceAmount = this.userInfo.balanceValue;
					}
				}
			}
			
			//使用分红金
			if (this.userShareAccountFlag) {
				let price = this.allPrice - this.userDeductionAccount - this.useBalanceAmount;

				if (price == 0) {
					this.userShareAccount = 0;
				} else {
					this.userShareAccount = this.userInfo.shareBalanceValue >= price ? price : this.userInfo.shareBalanceValue;
				}
			}
			const allValue = math.chain(math.bignumber(this.useBalanceAmount)).add(math.bignumber(this.userShareAccount)).add(math.bignumber(this.userDeductionAccount));
			this.payMoney = (this.allPrice - Number(allValue)).toFixed(2);
		},
		async getDefault() {
			const resp = await getDefault({});
			this.address = resp || {};
		},

		handleFail() {
			uni.navigateTo({
				url: '/pages/shop/orderDetail/orderDetail?id=' + this.orderId
			});
		},
		toggleSelect() {
			this.selectMode = !this.selectMode;
		},
		changeCoupon(index) {
			this.useCouponFlag = index !== 'none';
			if (this.useCouponFlag) {
				this.couponIndex = index;
				this.couponItem = this.couponList[this.couponIndex];
			}
			this.calcPrice();
		},
		async getUserInfo() {
			const resp = await getUserInfo();
			this.userInfo = resp;
			// this.userInfo = { balanceValue: 1000, deductionBalanceValue: 1000, shareBalanceValue: 1000 };
			const canUse = this.allPrice * this.detail.useDeductionRatio;
			if (canUse < this.userInfo.deductionBalanceValue) {
				this.userInfo.deductionBalanceValue = Math.floor(canUse * 100) / 100;
			}

			this.$store.commit('saveuserinfo', resp);
		},
		async handleCreateOrder() {
			this.selectMode = false;
			if (!this.address.id) {
				return this.$msg('请选择地址');
			}

			if (this.useBalanceAmount || this.userShareAccount || this.userDeductionAccount) {
				const allValue = math.chain(math.bignumber(this.useBalanceAmount)).add(math.bignumber(this.userShareAccount)).add(math.bignumber(this.userDeductionAccount));

				if (allValue > this.allPrice) {
					return this.$msg('使用的余额不能大于订单金额');
				}
				this.payMoney = math.bignumber(this.allPrice)-allValue;
			} else {
				this.payMoney = this.allPrice;
			}
			console.log(this.payMoney);
			this.payMoney = Number(this.payMoney).toFixed(2);
			try {
				let orderType = this.detail.orderType;

				uni.showLoading();
				this.loading = true;
				// return console.log({
				// 	orderType: 'simple',
				// 	orderMemo: this.orderMemo,
				// 	userAddressId: this.address.id,
				// 	useBalanceAmount: this.useBalanceAmount,
				// 	userShareAccount: this.userShareAccount,
				// 	userDeductionAccount: this.userDeductionAccount,
				// 	productOrderSkuCreateVos: [{ skuId: this.detail.skuId, num: this.detail.num }]
				// });
				let useBalanceStr = math.format(this.useBalanceAmount);
			
		
					
				const orderId = await create({
					orderType: this.detail.orderType === 'daily' ? 'dailySpecials' : 'simple',
					orderMemo: this.orderMemo,
					userAddressId: this.address.id,
					useBalanceAmount: math.number(this.useBalanceAmount),
					userShareAccount: this.userShareAccount,
					userDeductionAccount: this.userDeductionAccount,
					productOrderSkuCreateVos: [{ skuId: this.detail.skuId, num: this.detail.num }]
				});
				this.orderId = orderId;

				if (Number(this.payMoney) == 0) {
					return this.popupClose();
				}
				this.show = true;
			} catch (e) {
				//TODO handle the exception
			} finally {
				this.loading = false;
				uni.hideLoading();
			}
		},
		async getCanUseCoupons() {
			let orderType = this.detail.orderType;
			if (this.detail.orderType == 'daily') {
				orderType = 'dailySpecials';
			}
			this.couponList = await getCanUseCoupons({ productOrderSkuCreateVos: [{ skuId: this.detail.skuId, num: this.detail.num }] });
			if (this.couponList.length) {
				this.couponItem = this.couponList[0] || { deductionAmount: 0 };
			}
		},
		handleSwitchChange(
			{
				detail: { value }
			},
			type
		) {
			this[type] = value || 0;
			this[type + 'Flag'] = value;
			this.calcPrice();
			console.log(value, type);
		},
		chooseAddr() {
			uni.navigateTo(
				{
					url: '../address/address'
				},
				{
					type: 'select'
				}
			);
		},
		async btnPay() {
			this.show = true;
		},
		async handlePay(type) {},

		popupClose() {
			this.show = false;
			if (this.orderId) {
				uni.navigateTo({
					url: '../orderDetail/orderDetail?id=' + this.orderId
				});
			}
		}
	}
};
</script>

<style scoped lang="scss">
.container {
	padding-bottom: 98rpx;
}

.tui-box {
	padding: 20rpx 0 118rpx;
	box-sizing: border-box;
}

.tui-address {
	min-height: 80rpx;
	padding: 10rpx 0;
	box-sizing: border-box;
	position: relative;
}

.tui-userinfo {
	font-size: 30rpx;
	font-weight: 500;
	line-height: 30rpx;
	padding-bottom: 12rpx;
}

.tui-name {
	font-size: 40upx;
	padding-right: 40rpx;
}

.tui-addr {
	font-size: 24rpx;
	word-break: break-all;
	padding-right: 25rpx;
}

.tui-addr-tag {
	padding: 5rpx 8rpx;
	flex-shrink: 0;
	background: $uni-color-primary;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 25rpx;
	line-height: 25rpx;
	transform: scale(0.8);
	transform-origin: 0 center;
	border-radius: 6rpx;
}

.tui-bg-img {
	position: absolute;
	width: 100%;
	height: 8rpx;
	left: 0;
	bottom: 0;
	background: url('')
		repeat;
}

.tui-top {
	margin-top: 20rpx;
	overflow: hidden;
}

.tui-goods-title {
	font-size: 28rpx;
	display: flex;
	align-items: center;
}

.tui-padding {
	box-sizing: border-box;
}

.tui-goods-item {
	width: 100%;
	padding: 20rpx 30rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.tui-goods-img {
	width: 180rpx;
	height: 180rpx;
	display: block;
	flex-shrink: 0;
}

.tui-goods-center {
	flex: 1;
	padding: 20rpx 8rpx;
	box-sizing: border-box;
}

.tui-goods-name {
	max-width: 310rpx;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 26rpx;
	line-height: 32rpx;
}

.tui-goods-attr {
	font-size: 22rpx;
	color: #888888;
	line-height: 32rpx;
	padding-top: 20rpx;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.tui-price-right {
	text-align: right;
	font-size: 24rpx;
	color: #888888;
	line-height: 30rpx;
	padding-top: 20rpx;
}

.tui-flex {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 26rpx;
}

.tui-total-flex {
	justify-content: flex-end;
}

.tui-color-red,
.tui-invoice-text {
	color: $uni-color-primary;
	padding-right: 30rpx;
}

.tui-balance {
	font-size: 28rpx;
	font-weight: 500;
}

.tui-black {
	color: #222;
	line-height: 30rpx;
}

.tui-gray {
	color: #888888;
	font-weight: 400;
}

.tui-light-dark {
	color: #666;
}

.tui-goods-price {
	display: flex;
	align-items: center;
	padding-top: 20rpx;
}

.tui-size-26 {
	font-size: 26rpx;
	line-height: 26rpx;
}

.tui-price-large {
	font-size: 34rpx;
	line-height: 32rpx;
	font-weight: 600;
}

.tui-flex-end {
	display: flex;
	align-items: flex-end;
	padding-right: 0;
}

.tui-phcolor {
	color: #b3b3b3;
	font-size: 26rpx;
}

/* #ifndef H5 */
.tui-remark-box {
	padding: 22rpx 30rpx;
}

/* #endif */
/* #ifdef H5 */
.tui-remark-box {
	padding: 26rpx 30rpx;
}

/* #endif */

.tui-remark {
	flex: 1;
	font-size: 26rpx;
	padding-left: 64rpx;
}

.tui-scale-small {
	transform: scale(0.8);
	transform-origin: 100% center;
}

.tui-scale-small .wx-switch-input {
	margin: 0 !important;
}

/* #ifdef H5 */
>>> uni-switch .uni-switch-input {
	margin-right: 0 !important;
}

/* #endif */
.tui-tabbar {
	width: 100%;
	height: 98rpx;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 26rpx;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	padding-bottom: env(safe-area-inset-bottom);
	z-index: 996;
}

.tui-pr-30 {
	padding-right: 30rpx;
}

.tui-pr-20 {
	padding-right: 20rpx;
}

.tui-none-addr {
	height: 80rpx;
	padding-left: 5rpx;
	display: flex;
	align-items: center;
}

.tui-addr-img {
	width: 36rpx;
	height: 46rpx;
	display: block;
	margin-right: 15rpx;
}

.tui-pr25 {
	padding-right: 25rpx;
}

.tui-safe-area {
	height: 1rpx;
	padding-bottom: env(safe-area-inset-bottom);
}

.choose-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.choose-view {
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	flex-direction: column;
	padding: 40upx 40upx 20upx;
	width: 750upx;
	height: 816upx;
	background-color: #ffffff;
	border-top-left-radius: 26upx;
	border-top-right-radius: 26upx;
}
.choose-scroll {
	height: 700upx;
}
.choose-title {
	display: flex;
	justify-content: space-between;
	// align-items: ;
	padding-bottom: 20upx;
	border-bottom: 1upx solid #f0f0f0;
	line-height: 50upx;
	font-size: 36upx;
	font-weight: 600;
}
.choose-item {
	flex-shrink: 0;
	justify-content: space-between;
	align-items: center;
	height: 102upx;
	border-bottom-width: 1upx;
	border-bottom-color: #f5f5f5;
}
.choose-item-view {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 102upx;
}
.choose-text {
	font-size: 30upx;
}
.choose-input {
	width: 36upx;
	height: 36upx;
	border-radius: 18upx;
	background-color: #dde4f1;
}
.choose-input-current {
	width: 36upx;
	height: 36upx;
}
</style>
